<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>设备移动二维码管理</title>
  <link href="nspage.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" ></script>
  <script src="jquery.min.js"></script>
  <style>
    .maplist td{
      line-height:60px;
      height:60px;
      font-size:40px;
      border-bottom:dashed 2px #999999;
      padding-top: 5px;
      padding-bottom:5px;
    }
    .maplist td span{
      color:#006699;
    }
    .maplist h4{
      margin-top:60px;
      margin-bottom: 10px;
      font-size:20px;
    }
    .mceneter .desc{
      font-size:50px;
      border:dashed 1px #707070;
      line-height: 50px;
      width:680px;
      float:inherit;
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
      padding: 10px;
    }
  </style>


</head>
<body>

<div class="main mceneter" style="font-size:50px;">
  <div class="toplogo">
    <div class="logo">
      <img src="./logo.gif" />
    </div>
  </div>
  <div class="cmain">
    <div class="ctitle">
      <h1>设备详细信息</h1>
    </div>
    <div class="cbox mceneter">

      <div class="photo" style="text-align: center;margin: 5px;">
        <a id="equipmentImg1"  target='_blank'><img id="equipmentImg2"   width='700' /></a>
      </div>
      <div class="desc" ><span id="equipmentRenark" /> </div>
      <div class="maplist">

        <h4>设备主要技术参数</h4>
        <table width="780px" border="0" cellspacing="2" cellpadding="0">
          <tbody>
          <tr>
            <td width="230px">设备位号</td>
            <td><span id="equipmentNo" /></td>
            <td>出厂日期</td>
            <td><span id="productionDate"/></td>
            <td>数量</td>
            <td ><span id="num"/></td>
          </tr>
          <tr>
            <td>设备名称</td>
            <td><span id="equipmentName"></span></td>
            <td>安装单位</td>
            <td><span id="installationUnit" /></td>
            <td>出厂编号</td>
            <td><span id="productionNo" /></td>
          </tr>
          <tr>
            <td>型号</td>
            <td><span id="model" /></td>
            <td>外形尺寸</td>
            <td><span id="overallDimension" /></td>
            <td>总重kg</td>
            <td><span id="totalWeight" /></td>
          </tr>
          <tr>
            <td>最大起吊重量kg</td>
            <td><span id="liftingWeightMax" /></td>
            <td>制造厂</td>
            <td><span id="manufacturer" /></td>
            <td>投产日期</td>
            <td><span id="productionTime" /></td>
          </tr>
          </tbody>
        </table>

        <h4>操作条件及性能</h4>
        <table width="780px" border="0" cellspacing="2" cellpadding="0">
          <tbody>
          <tr>
            <td>介质</td>
            <td><span id="medium" /></td>
            <td>设计流量m3/h</td>
            <td><span id="designFlow" /></td>
            <td>转速</td>
            <td><span id="speed" /></td>
          </tr>
          <tr>
            <td>入口温度℃</td>
            <td><span id="inletTemperature" /></td>
            <td>正常流量</td>
            <td><span id="normalFlow" /></td>
            <td>轴功率</td>
            <td><span id="shaftPower" /></td>
          </tr>
          <tr>
            <td>粘度</td>
            <td><span id="viscosity" /></td>
            <td>入口压力MPa</td>
            <td><span id="inletPressure" /></td>
            <td>气蚀余量m</td>
            <td><span id="cavitationAllowance" /></td>
          </tr>
          <tr>
            <td>扬程m</td>
            <td><span id="lift" /></td>
            <td>出口压力MPa</td>
            <td><span id="outletPressure" /></td>
            <td>吸入温度下密度</td>
            <td><span id="suctionTemperature" /></td>
          </tr>
          </tbody>
        </table>

        <h4>驱动装置数据</h4>
        <table width="780px" border="0" cellspacing="2" cellpadding="0">
          <tbody>
          <tr>
            <td>驱动机名称</td>
            <td><span id="driving" /></td>
            <td>转速rpm</td>
            <td><span id="drivingSpeed" /></td>
            <td>防爆等级</td>
            <td><span id="explosionProofGrade" /></td>
          </tr>
          <tr>
            <td>驱动机型号</td>
            <td><span id="drivingMachine" /></td>
            <td>出厂日期</td>
            <td><span id="drivingProductionDate" /></td>
            <td>制造厂</td>
            <td><span id="drivingManufacturer" /></td>
          </tr>
          </tbody>
        </table>

        <h4>设备正常运行参数</h4>
        <table width="780px" border="0" cellspacing="2" cellpadding="0">
          <tbody>
          <tr>
            <td><span >

              <textarea  id="equipmentOperationParameters"  style="width:100%;border:none;padding-top: 1%;"  readonly></textarea>
            </span></td>
          </tr>
          </tbody>
        </table>

        <h4>设备维修维护内容及周期</h4>
        <table width="780px" border="0" cellspacing="2" cellpadding="0">
          <tbody>
          <tr>
            <td width="150px">中修检修周期</td>
            <td width="240px"><span id="intermediateMaintenanceCycle" /></td>
            <td width="150px">大修检修周期</td>
            <td width="240px"><span id="overhaulCycle" /></td>
          </tr>
          </tbody>
        </table>
      </div>

    </div>
  </div>
</div>

<div  style="text-align:center;margin:15px;">
  <img id="qrcode"   width='200px' height="200px"/>
  <p id="equipmentNo1" />
</div>

<script>
    var searchURL = window.location.search;
    var url = window.location.href;
    var ctx = url.split("/")[0];
    searchURL = searchURL.substring(1, searchURL.length);
    var id = searchURL.split("&")[0].split("=")[1];
</script>
<script>
  $(function(){
     showData();
  });
  var info ;
  function showData() {
    $.ajax({
      url: ctx + "/getInfoById?id="+id,
      type: "GET", //请求方式为get
      //  dataType: "json", //返回数据格式为json
      //contentType: "application/json; charset=utf-8",
      success: function (data) { //请求成功完成后要执行的方法
        info = data.data;
        $("#equipmentNo1").html(info.equipmentNo);
        $('#qrcode').attr("src",info.qrImage);
        $('#equipmentImg1').attr("href",info.equipmentImg);
        $('#equipmentImg2').attr("src",info.equipmentImg);
    //    $("#equipmentImg1").href(info.equipmentImg);
     //   $("#equipmentImg2").src(info.equipmentImg);
        $("#equipmentNo").html(info.equipmentNo);
        $("#productionDate").html(info.productionDate);
        $("#num").html(info.num);
        $("#equipmentName").html(info.equipmentName);
        $("#installationUnit").html(info.installationUnit);
        $("#productionNo").html(info.productionNo);
        $("#model").html(info.model);
        $("#overallDimension").html(info.overallDimension);
        $("#totalWeight").html(info.totalWeight);
        $("#liftingWeightMax").html(info.liftingWeightMax);
        $("#manufacturer").html(info.manufacturer);
        $("#productionTime").html(info.productionTime);
        $("#medium").html(info.medium);
        $("#designFlow").html(info.designFlow);
        $("#speed").html(info.speed);
        $("#inletTemperature").html(info.inletTemperature);
        $("#normalFlow").html(info.normalFlow);
        $("#shaftPower").html(info.shaftPower);
        $("#viscosity").html(info.viscosity);
        $("#inletPressure").html(info.inletPressure);
        $("#cavitationAllowance").html(info.cavitationAllowance);
        $("#lift").html(info.lift);
        $("#outletPressure").html(info.outletPressure);
        $("#suctionTemperature").html(info.suctionTemperature);
        $("#driving").html(info.driving);
        $("#drivingSpeed").html(info.drivingSpeed);
        $("#explosionProofGrade").html(info.explosionProofGrade);
        $("#drivingMachine").html(info.drivingMachine);
        $("#drivingProductionDate").html(info.drivingProductionDate);
        $("#drivingManufacturer").html(info.drivingManufacturer);
        $("#intermediateMaintenanceCycle").html(info.intermediateMaintenanceCycle);
        $("#overhaulCycle").html(info.overhaulCycle);
        $("#equipmentOperationParameters").html(info.equipmentOperationParameters);
        $("#equipmentRenark").html(info.equipmentRenark);
      }
    });
  }

</script>

</body>
</html>